<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>MobiS Route Planner v0.3</title>
<link rel="shortcut icon" href="http://www.insiel.eu/sites/insiel.eu/files/mobis_logo_completo.jpg">

<!-- CSS Styles Sources -->
<link href='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.css' type="text/css" rel='stylesheet' />
<link rel="stylesheet" type="text/css" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.css" />

<link rel="stylesheet" type="text/css" href="../styles/jMenu.jquery.css" />
<link rel="stylesheet" type="text/css" href="../styles/mobisRoutePlanner.css" />
<link rel="stylesheet" type="text/css" href="../styles/jquery-ui-1.10.3.custom.css" />
<link rel="stylesheet" type="text/css" href="../styles/jquery.ui.timepicker.css" />

<!-- Javascript Script Sources -->
<script src='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.js'></script>
<script src="http://cdn.leafletjs.com/leaflet-0.5/leaflet.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script type="text/javascript" src="../scripts/jquery.popup.js"></script>
<script type="text/javascript" src="../scripts/jquery-ui-1.10.3.custom.js"></script>
<script type="text/javascript" src="../scripts/jquery.ui.timepicker.js"></script>

<script type="text/javascript" src="../scripts/jquery.json-2.4.js"></script>
<script type="text/javascript" src="../scripts/jquery.blockUI.js"></script>
<script src="../scripts/jMenu.jquery.js"></script>

<script src="../scripts/mobis.vars.js"></script>
<script src="../scripts/mobis.functions.js"></script>
<script src="../scripts/mobis.interface.js"></script>	
<script src="../scripts/mobisRoutePlanner.js"></script>

<script type="text/javascript">
$(document).ready(function() {
	initializeMenu() ;
	getInitialLocation() ;
});
</script>

</head>
<body>
	<div id='map'></div>
	
	<div id='menu'>
		<ul id="jMenu">
  			<li><a class="fNiv" onclick="javascript:initGetDirections();" >Get Directions</a><!-- Do not forget the "fNiv" class for the first level links !! -->
		</ul>
	</div>
	
	<!-- Small lateral contents -->
	<div class="smallContent" id="smallTopLeftContent"></div>
	<div class="smallContent" id="smallBottomLeftContent"></div>
	
	<div class="smallContent" id="smallTopRightContent"></div>
	<div class="smallContent" id="smallBottomRightContent"></div>
	
	<!-- Medium lateral contents -->
	<div class="mediumContent left" id="mediumLeftContent"></div>
	<div class="mediumContent right" id="mediumRightContent"></div>
	
	<!-- Big lateral contents -->
	<div class="bigContent left" id="bigLeftContent"></div>
	<div class="bigContent right" id="bigRightContent"></div>
	
	<div id="logo"><img src="http://www.insiel.eu/sites/insiel.eu/files/mobis_logo_completo.jpg" /></div>
	<div id="popup"></div>
	<div id="backgroundPopup"></div>
</body>
</html>